<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<script type="text/javascript">
	function liberarBotao() {
		var form = document.cadastrarUsuarioForm;
		var campo1 = form.nomeUsuario.value;
		var campo2 = form.passwdUser.value;
		var campo3 = form.confirmPasswdUser.value;
		
		if((campo1 != "") && (campo2 != "") && (campo3 != "")) {
			form["cadastrarUsuario-continuar"].disabled = false;
		}
	}

	function validarDados() {
		var form = document.cadastrarUsuarioForm;
		var nome = form.nomeUsuario.value;
		var senha = form.passwdUser.value;
		var confSenha = form.confirmPasswdUser.value;

		// Validar nome usuário
		// TODO

		// Validar senha
		if(senha != confSenha) {
			alert('A senha e a Confirmação de Senha não coincidem');
			return false;
		}

		return true;
	}
</script>

<form name="cadastrarUsuarioForm" action="realizarCadastros.do" method="post">
	<input type="hidden" name="metodo" value="receberDadosUsuario"/>
	<div>
		<fieldset>
			<legend>Dados do novo usuário</legend>
				<TABLE>
					<TR>
						<TD>Usuário:</TD>
						<TD width="700px"><input type="text" name="nomeUsuario" onkeypress="liberarBotao();"/></TD>
					</TR>
					<TR>
						<TD>Senha:</TD>
						<TD width="500px"><input type="password" name="passwdUser" onkeypress="liberarBotao();"/></TD>
					</TR>
					<TR>
						<TD width="180px">Confirmação de Senha:</TD>
						<TD width="500px"><input type="password" name="confirmPasswdUser" onkeypress="liberarBotao();"/></TD>
					</TR>
				</TABLE>
				<br>
				<!-- BOTOES DE ACAO -->
				<div>
					<input type="submit" value="Continuar" name="cadastrarUsuario-continuar" onclick="return validarDados();" disabled/>
					<input type="button" value="Cancelar" onclick="if(confirm('Deseja realmente cancelar o cadastro?')){location = 'telaPrincipal.do'};"/>
				</div>
		</fieldset>
	</div>
</form>